@import url('../fonts/iconfont.css');
@import url('./variables.less');
@import url('./common.less');
@import './typography.less';
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
  width: 100%;
  height: 100%;
  body  {
    height: 100%;
  }
}
.router-link-exact-active {
  color: @link;
}
ol,
ul,
li {
  list-style: none;
}
.gapline {
  width: 100%;
  height: 1px;
  background-color: #f6f7f9;
}
.el-button {
  // min-width: 72px !important;
  border-radius: 2px;
  font-weight: 400;
}
.el-button--small,
.el-button--mini {
  font-size: 14px;
  font-weight: 400;
}
.delete-popconfirm {
  min-width: 200px !important;
  padding: 24px;
  .el-popconfirm {
    .el-popconfirm__main {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      color: var(--font-text-color);
      .iconjinggao {
        color: var(--main-yellow-color);
        font-size: 21px;
        margin-right: 10px;
      }
    }
    .el-popconfirm__action {
      margin-top: 24px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      .el-button {
        height: 32px;
        min-width: 72px;
        border-radius: 2px;
      }
    }
  }
}

// 表单的nomal和hover的边框样式
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background:   #3D6CF7;
  border-color:   #3D6CF7;
}
.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-textarea__inner {
  border-color: var(--border-color) !important;
}

.el-drawer__close-btn {
  color: var(--font-light-text-color);
}

.el-dialog__header {
  padding-top: var(--el-dialog-padding-primary);
  padding-left: var(--el-dialog-padding-primary);
  padding-right: var(--el-dialog-padding-primary);
  padding-bottom: 10px;
}

.el-dialog__footer {
  padding-bottom: var(--el-dialog-padding-primary);
  padding-left: var(--el-dialog-padding-primary);
  padding-right: var(--el-dialog-padding-primary);
  padding-top: 10px;
}

// 滚动条
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
  // background-color: white;
}

::-webkit-scrollbar-track {
  background-color: transparent !important;
} /* 滚动条的滑轨背景颜色 */

::-webkit-scrollbar-thumb {
  background-color: #c8cdda !important;
  border-radius: 3px;
} /* 滑块颜色 */

::-webkit-scrollbar-button {
  //background-color: #c8cdda !important;
} /* 滑轨两头的监听按钮颜色 */

::-webkit-scrollbar-corner {
  background-color: #f5f7f5 !important;
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #fff;
}
// select组件去掉下拉框的arrow箭头
.el-select-dropdown {
  .popper__arrow {
    display: none;
  }
  .el-scrollbar {
    .el-select-dropdown__wrap {
      .el-scrollbar__view {
        .el-select-dropdown__item {
          &.selected {
            font-weight: 500 !important;
            background-color: var(--form-selected-color) !important;
          }
        }
      }
    }
  }

  &.el-popper[x-placement^=bottom] {
    margin-top: 0;
  }
}
.el-radio {
  font-weight: 400;
}

// 搜索框去掉箭头
.el-autocomplete-suggestion {
  .popper__arrow{
    display: none;
  }
}
.v-modal {
  background-color: rgba(0, 0, 0, 0.6) !important;
  opacity: 1 !important;
}
.el-menu-item {
  transition: unset!important;
}

.el-tooltip__popper {
  background:    #3D6CF7 !important;
  .popper__arrow {
    border-top-color:    #3D6CF7 !important;
  }
  .popper__arrow::after {
    border-top-color:    #3D6CF7 !important;
  }
}
// 分页的样式
.el-pagination {
  display: flex;
  align-items: center;
  &__total {
    font-size: 14px !important;
    color: var(--font-text-color);
    height: 32px !important;
    line-height: 32px !important;
  }
  &__sizes {
    height: 32px !important;
    margin: 0 10px !important;
    .el-select {
      height: 32px !important;
      .el-input {
        // width: 96px; // 这个设置宽度后 100页的显示不下，应该自适应
        height: 32px !important;
        .el-input__inner {
          // height: 32px !important;
          border-radius: 2px;
          font-size: 14px !important;
          color: var(--font-text-color);
        }
      }
    }
  }
  .btn-prev, .btn-next {
    width: 32px;
    height: 32px;
    border: 1px var(--border-color) solid !important;
    background-color: var(--main-white-color) !important;
  }
  &__jump {
    font-size: 14px !important;
    color: var(--font-text-color) !important;
    height: 32px !important;
    margin-left: 0!important;
    .el-input {
      height: 32px;
      .el-input__inner {
        width: 32px !important;
        height: 32px;
        border-radius: 2px;
      }
    }
  }
}

.show-length-limit {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  .el-input-group__append {
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    padding: 0 12px;
    border: none;
    display: flex;
    align-items: center;
    background: none;
    pointer-events: none;
  }

  > .el-input__inner {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-left: 8px;
    padding-right: 64px;
  }

  .length-limit {
    .left.error {
      color: red;
    }
  }
}
.el-dialog__body {
  // padding: 20px !important;
}
.el-dialog__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.el-dialog__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.none-state {
  text-align: center;
  font-size: 14px;
  color: rgba(0,0,0,.6);
  .el-button {
    margin-top: 10px;
  }
}
.pagination-box {
  box-sizing: border-box;
  padding: 55px 32px 32px;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: flex-end;
  bottom: 0;
  right: 0;
  width: 100%;
  .pagination-total {
    margin-right: 20px;
  }
  .el-pagination {
    float: right;
  }
  .el-pager li {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .el-pager {
    li {
      &.is-active {
        color: #3D6CF7 !important;
      }
      &:hover {
        color: #3D6CF7 !important;
      }
    }
  }
  .el-pagination button {
    color: #666;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
  .el-icon-more {
    font-size: 12px !important;
  }
  .el-icon-more :hover {
    color: #606266 !important;
  }
  .btn-next .el-icon {
    display: inline;
  }
  .btn-prev .el-icon {
    display: inline;
  }
}
.__disabled {
  border: 1px solid rgba(0, 0, 0, 0.15)!important;
  box-shadow: none!important;
  background: rgba(0, 0, 0, 0.08)!important;
  color: rgba(0, 0, 0, .2)!important;
}

.el-button--primary {
  background: @link;
  border-color: @link;

  &:hover {
    background: #3D6CF7;
  }
  &:active {
    background: #3D6CF7!important;
  }
  &:focus {
    background: #3D6CF7;
    border-color: #3D6CF7;
  }
}
.el-message-box__btns {
  .el-button--default.el-button--primary {
    &:focus {
      background: @link;
      color: #fff;
    }
    & :hover {
      background: #3D6CF7;
      color: #fff;
    }
  }
}

.pagination-box.static {
  position: static;
  display: block;
  padding: 0;
  .select-trigger .el-input__inner {
    height: 100%;
  }
  .el-input__suffix {
    top: 2px;
  }
}

// .el-menu-vertical-demo:not(.el-menu--collapse) {
//   width: 200px;
//   min-height: 400px;
// }
.el-aside {
  width: unset;
  background: #181B39;
  .menu-box {
    height: calc(100vh - 80px);
    overflow-y: auto;
    background: #181B39;
  }
  ::-webkit-scrollbar {
    width: 0px;
  }
  .menu {
    height: 100%;
    overflow: hidden;
    background: #181B39;
    box-shadow: 2px 0px 6px 0px rgba(0,0,0,0.1200);
  }
}

.el-menu {
  border: none !important;
}
.el-form-item__label {
  text-align: left;
}
.if-amap {
  width: 994px;
  min-width: 994px;
}
.el-select-dropdown__item {
  padding: 0 32px 0 10px;
}
.el-dropdown-menu__item {
  padding: 4px 30px!important;
  font-size: 14px!important;
}
.el-button--danger.is-plain {
  --el-button-bg-color: #fff;
  color: red;
  --el-button-hover-bg-color: #fff!important;
}
:focus {
  outline: none!important;
}

.form-row {
  margin: 8px 0;
}

.title-item {
  font-size: 14px;
  font-weight: 600;
}
.el-menu-item.is-active{
  color: #fff;
  background-color: #3D6CF7!important;
}
.el-menu--popup {
  padding: 0px;
}
.verifybox-bottom {
  font-size: 18px;
}
